<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">

    <script src="js/iconfont.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script>
        window.onload = function() {

            var mySwiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                autoplay: 2000,
                loop: true,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
            })
        }
    </script>
</head>

<body>
    <div id="main">
        <div class="concent">
            <div class="concent-header">
                <div class="concent-left">
                    <ul class="concent-ul">
                        <li>
                            <div class="concent-nav-menu">
                                <a href="#">中国大陆</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                        <li><a href="#" class="h">亲,请登录</a></li>
                        <li><a href="#">免费注册</a></li>
                    </ul>
                </div>
                <div class="concnet-right">
                    <ul class="concent-ul">
                        <li>
                            <div class="concent-nav-menu">
                                <a href="#">我的淘宝</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                        <li>
                            <div class="concent-nav-menu">
                                <span class="iconfont icon">&#xe887;</span>
                                <a href="#">购物车</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                        <li>
                            <div class="concent-nav-menu">
                                <span class="iconfont Colle">&#xe685;</span>
                                <a href="#">收藏夹</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                        <li>
                            <div class="concent-nav-menu">
                                <a href="#">联系客服</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                        <li>
                            <div class="concent-nav-menu">
                                <span class="iconfont icon">&#xe6e4;</span>
                                <a href="#">网站导航</a>
                                <span class="iconfont">&#xe664;</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="Promotion" style="background-image: url(https://img.alicdn.com/tfs/TB1JrfnAVzqK1RjSZFvXXcB7VXa-1920-100.png)">
                <div class="Promo-header">
                    <img class="Promo-logo" src="https://img.alicdn.com/tfs/TB17mXtAHvpK1RjSZFqXXcXUVXa-90-80.png">
                    <div class="Promo" style="background-image: url(https://img.alicdn.com/tfs/TB1NNz_zVzqK1RjSZFvXXcB7VXa-209-75.png)">
                        <div class="Promo-wrapper">
                            <h4>过年行头</h4>
                            <p>迎新穿新衣</p>
                        </div>
                        <div class="Promo-img">
                            <img src="http://img.alicdn.com/bao/uploaded/TB1i.QSypzqK1RjSZSgSuwpAVXa.jpg_80x80q90.jpg_.webp">
                        </div>
                    </div>
                    <div class="Promo" style="background-image: url(https://img.alicdn.com/tfs/TB14wgyz4jaK1RjSZKzXXXVwXXa-209-75.png)">
                        <div class="Promo-wrapper">
                            <h4>过年行头</h4>
                            <p>迎新穿新衣</p>
                        </div>
                        <div class="Promo-img">
                            <img src="https://img.alicdn.com/bao/uploaded/TB1x8Olzx9YBuNjy0FfSutIsVXa.jpg_80x80q90.jpg_.webp">
                        </div>
                    </div>
                    <div class="Promo" style="background-image: url(https://img.alicdn.com/tfs/TB1ymcczVzqK1RjSZFCXXbbxVXa-209-75.png)">
                        <div class="Promo-wrapper">
                            <h4>过年行头</h4>
                            <p>迎新穿新衣</p>
                        </div>
                        <div class="Promo-img">
                            <img src="http://img.alicdn.com/bao/uploaded/TB1n8YiB4TpK1RjSZFMSuvG_VXa.jpg_80x80q90.jpg_.webp">
                        </div>
                    </div>
                    <div class="Promo" style="background-image: url(https://img.alicdn.com/tfs/TB1gPf6z3DqK1RjSZSyXXaxEVXa-209-75.png)">
                        <div class="Promo-wrapper">
                            <h4>过年行头</h4>
                            <p>迎新穿新衣</p>
                        </div>
                        <div class="Promo-img">
                            <img src="http://img.alicdn.com/bao/uploaded/TB1KD_DySzqK1RjSZFHSuv3CpXa.jpg_80x80q90.jpg_.webp">
                        </div>
                    </div>
                    <div class="Promo" style="background-image: url(https://img.alicdn.com/tfs/TB10o.XzVzqK1RjSZSgXXcpAVXa-209-75.png)">
                        <div class="Promo-wrapper">
                            <h4>过年行头</h4>
                            <p>迎新穿新衣</p>
                        </div>
                        <div class="Promo-img">
                            <img src="http://img.alicdn.com/bao/uploaded/TB19z4HywHqK1RjSZJnSuvNLpXa.jpg_80x80q90.jpg_.webp">
                        </div>
                    </div>
                </div>
            </div>
            <div class="c-big">
                <div class="commodity">
                    <div class="commodity-header">
                        <div class="comm-left"></div>
                        <div class="comm-title">
                            <ul>
                                <li class="y">宝贝</li>
                                <li>天猫</li>
                                <li>店铺</li>
                            </ul>
                        </div>
                        <div class="comm-search">
                            <div class="comm-search-left">
                                <span class="iconfont search">&#xe632;</span>
                                <input type="text" class="comm-input-search" placeholder="扛光幕布">
                                <span class="iconfont camera">&#xe6f1;</span>
                            </div>
                            <div class="comm-button">搜索</div>
                        </div>
                        <div class="comm-text">
                            <ul>
                                <li><a href="#">新款连衣裙</a></li>
                                <li><a href="#">四件套</a></li>
                                <li><a href="#" class="h">潮流T恤</a></li>
                                <li><a href="#">时尚女鞋</a></li>
                                <li><a href="#">短裤 </a></li>
                                <li><a href="#">半身裙</a></li>
                                <li><a href="#">男士外套</a></li>
                                <li><a href="#">墙纸</a></li>
                                <li><a href="#">行车记录仪</a></li>
                                <li><a href="#">新款男鞋 </a></li>
                                <li><a href="#">耳机</a></li>
                                <li><a href="#">时尚女包</a></li>
                                <li><a href="#">沙发</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="nav">
                    <div class="nav-header">
                        <ul class="nav-hd">
                            <li><a href="#">天猫</a></li>
                            <li><a href="#">聚划算</a></li>
                            <li><a href="#">天猫超市</a></li>
                            <li class="pipe">
                                <a href="#"></a>
                            </li>
                            <li><a href="#">淘抢购</a></li>
                            <li><a href="#">电器城</a></li>
                            <li><a href="#">司法拍卖</a></li>
                            <li><a href="#">淘宝心选</a></li>
                            <li><a href="#">兴农扶贫</a></li>
                            <li class="pipe">
                                <a href="#"></a>
                            </li>
                            <li><a href="#">飞猪旅行</a></li>
                            <li><a href="#">智能生活</a></li>
                            <li><a href="#">苏宁易购</a></li>
                        </ul>
                    </div>
                </div>
                <div class="c-big">
                    <div class="big-column">
                        <div class="column-header">
                            <div class="column-left">
                                <ul>
                                    <li><span class="iconfont icon">&#xe619;</span></li>
                                    <li>
                                        <a href="#">女装 / </a>
                                        <a href="#">男装 / </a>
                                        <a href="#">内衣</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">鞋靴 / </a>
                                        <a href="#">箱包 /</a>
                                        <a href="#"> 配件</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">童装玩具 /</a>
                                        <a href="#"> 孕产 /</a>
                                        <a href="#"> 用品</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">家电 / </a>
                                        <a href="#">数码 / </a>
                                        <a href="#">手机</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">美妆 /</a>
                                        <a href="#"> 洗护 / </a>
                                        <a href="#">保健品</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">珠宝 / </a>
                                        <a href="#">眼镜 /</a>
                                        <a href="#"> 手表</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">运动 / </a>
                                        <a href="#">户外 /</a>
                                        <a href="#"> 乐器</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">游戏 / </a>
                                        <a href="#">动漫 / </a>
                                        <a href="#">影视</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">美食 / </a>
                                        <a href="#">生鲜 / </a>
                                        <a href="#">零食</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">鲜花 /</a>
                                        <a href="#"> 宠物 / </a>
                                        <a href="#">农资</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">家具 /</a>
                                        <a href="#"> 家饰 / </a>
                                        <a href="#">家纺</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">汽车 / </a>
                                        <a href="#">二手车 /</a>
                                        <a href="#"> 用品</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">办公 / </a>
                                        <a href="#">DIY / </a>
                                        <a href="#">五金电子</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">百货 /</a>
                                        <a href="#"> 餐厨 /  </a>
                                        <a href="#">家庭保健</a>
                                        <span class="iconfont icon">&#xe619;</span>
                                    </li>
                                    <li>
                                        <a href="#">学习 / </a>
                                        <a href="#">卡券 / </a>
                                        <a href="#">本地服务</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="column-conter">
                                <div class="column-wheel">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB1diKiCPDpK1RjSZFrSuu78VXa.jpg_q90_.webp"></div>
                                            <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB14ZyQCwHqK1RjSZFkSut.WFXa.jpg_q90_.webp"></div>
                                            <div class="swiper-slide"><img src="https://aecpm.alicdn.com/simba/img/TB183NQapLM8KJjSZFBSutJHVXa.jpg"></div>
                                        </div>
                                        <div class="swiper-pagination"></div>
                                        <div class="swiper-button-prev"></div>
                                        <div class="swiper-button-next"></div>
                                    </div>
                                </div>
                                <div class="column-inner">
                                    <img src="https://img.alicdn.com/imgextra/i1/103/O1CN01w9fm2Y1CdDI14kNgj_!!103-0-lubanu.jpg_290x290q90.jpg_.webp">
                                </div>
                                <div class="column-list">
                                    <div class="cloumn-list-title">
                                        <em>理想生活上天猫</em>
                                    </div>
                                    <div class="cloumn-imgs">
                                        <img src="https://img.alicdn.com/tps/i4/TB1QEWyxkzoK1RjSZFlSuui4VXa.jpg_240x240q90.jpg" class="cloumn-img-list"><img src="https://img.alicdn.com/tps/i4/TB1bCP1yBLoK1RjSZFuSutn0XXa.jpg_240x240q90.jpg" class="cloumn-img-list">
                                    </div>
                                </div>
                                <div class="column-inner-top">
                                    <h5>今日热卖</h5>
                                    <img src="https://aecpm.alicdn.com/simba/img/TB1j4LLKpXXXXcbaXXXSutbFXXX.jpg">
                                </div>
                            </div>
                            <div class="column-rig-big">
                                <div class="column-right">
                                    <div class="column-member">
                                        <div class="column-bd">
                                            <img src="images/a.jpg">
                                        </div>
                                        <div class="column-info">
                                            Hi! 你好</div>
                                        <div class="column-tjb">
                                            <a class="icons"><span class="iconfont">&#xe7af;</span>领淘金币抵钱</a>
                                            <a class="icons"><span class="iconfont">&#xe7b5;</span>会员俱乐部</a>
                                        </div>
                                        <div class="column-ft">
                                            <a class="icon">登录</a>
                                            <a class="icon">注册</a>
                                            <a class="icon">开店</a>
                                        </div>
                                        <div class="column-tipoff">
                                            网上有害信息举报专区<span class="iconfont icon">&#xe612;</span>
                                        </div>
                                        <div class="column-hd">
                                            <ul>
                                                <li>公告</li>
                                                <li>规则</li>
                                                <li>论坛</li>
                                                <li>安全</li>
                                                <li>公益</li>
                                            </ul>
                                        </div>
                                        <div class="column-nd">
                                            <ul>
                                                <li><a href="#" class="a">淘宝公益宝贝成2018年度现象级互联网公益项目</a></li>
                                                <li><a href="#">600万海外华人上天猫</a></li>
                                                <li><a href="#">东北盒马首店大连开业</a></li>
                                            </ul>
                                        </div>
                                        <div class="column-ico">
                                            <ul>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-zhangbentongji"></use>
                                        </svg>
                                                        <p>账本统计</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-ribao"></use>
                                        </svg>
                                                        <p>日报</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-shuliangtongji"></use>
                                      </svg>
                                                        <p>数量统计</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-xianshangzhifu"></use>
                                            </svg>
                                                        <p>线上支付</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-weixintongzhi"></use>
                                    </svg>
                                                        <p>微信通知</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-zhanghaoxinxi"></use>
                                    </svg>
                                                        <p>账号信息</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-zidonghuiping"></use>
                                    </svg>
                                                        <p>自动回评</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-yingxiaoduanxin"></use>
                                    </svg>
                                                        <p>营销短信</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-mendianshezhi"></use>
                                    </svg>
                                                        <p>门店设置</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-dingdanfenbu"></use>
                                    </svg>
                                                        <p>订单分布</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-bangdingpingtai"></use>
                                    </svg>
                                                        <p>绑定平台</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-caiwuxiangqing"></use>
                                    </svg>
                                                        <p>财务详情</p>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>